.classTable {
  width: 100%;
}

.classtitle {
  position: fixed;
  top: .8rem;
  left: 0;
  z-index: 10;
  background: #000;
  width: 7.5rem;
  height: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.classtitle .classtitleimg {
  display: block;
  width: 2.29rem;
  margin: .2rem auto;
  transform: translateX(0.35rem);
}

.classtitle .classserchimg {
  width: .40rem;
  margin-right: .3rem;
}

.classNav .el-header {
  position: fixed;
  top: 1.8rem;
  z-index: 10;
  width: 100%;
  height: .6rem;
  padding: 0 .3rem;
}

.classNav .el-header .el-menu-item {
  height: .6rem;
  line-height: .6rem;
}

.classNav .el-menu {
  display: flex;
  justify-content: space-around;
}

.classNav .el-menu li {
  font-size: .28rem;
}

.tags-container {
  position: fixed;
  top: 2.4rem;
  z-index: 10;
  background: #000;
  width: 7.5rem;
  height: .7rem;
  padding: 0 .3rem;
}

.tags-container .el-radio-group {
  padding: .15rem 0;
  height: .7rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.tags-container .el-radio-group .el-radio-button__orig-radio:checked + .el-radio-button__inner {
  color: #c47d2f;
}

.tags-container .el-radio-group .el-radio-button__inner {
  background: none;
  border: none;
  padding: 0;
  font-size: .24rem;
  color: #959595;
}

.tags-container .el-radio-group span {
  color: #959595;
}

.style-list {
  margin-top: .7rem;
  padding: 0 .3rem;
}

.style-list .card {
  position: relative;
  margin-bottom: .3rem;
}

.style-list .cardbottom {
  padding: 0 .1rem;
  width: 100%;
  background-color: rgba(18, 18, 18, 0.8);
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1rem;
  display: flex;
  align-items: center;
}

.style-list img {
  display: block;
  width: 6.9rem;
}

.style-list svg {
  width: .4rem;
  margin-left: auto;
}

.style-list span {
  margin-right: .1rem;
}

.no-class p {
  color: #fff;
  text-align: center;
}

a {
  list-style: none;
}
